import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store'
import { getToken, getTenantId } from '@/utils/auth'
// 基地址
const service = axios.create({
  // 开发环境
  baseURL: process.env.VUE_APP_BASE_API,
  // 请求超时时间
  timeout: 5000
})

// 添加一个service的请求拦截器
service.interceptors.request.use(
  async config => {
    // config就是本次发请求的信息
    // 用户id
    config.headers['tenant-id'] = getTenantId()
    // 判断有没有token
    if (store.state.user.token) {
      // token失效的主动处理
      config.headers['token'] = getToken()
      // config.headers.tenantid =  getTenantId ()
    }
    // 发送请求
    return config
  },
  error => {
    return Promise.reject(error)
  }
)

// 响应拦截
service.interceptors.response.use(
  res => {
    // axios默认加了一层data
    // 这个res包括这个请求响应回来的所有信息
    // 所有的接口请求都会回到这里
    // 获取到本次请求得到的数据
    const data = res.data
    // 会帮所有的请求打印
    // console.log(data);
    // 判断本次请求是否成功
    if (data.code === 200) {
      // 如果响应成功，则正常给他返回数据
      return data
    } else {
      // 证明失败，我们需要让外面的catch被调用
      // 要让catch被调用，就要手动抛出一个错误，并把服务器返回的消息抛回去
      Message.warning(data.message)
      return Promise.reject(data.message)
    }
  },
  async error => {
    // token失效的被动处理
    console.log(error)
    if (error.response.data.code === 401) {
      // 退出方法
      await store.dispatch('user/logout')
      Message.warning('登录状态过期，请重新登录！')
      router.push('/login')
    } else {
      return Promise.reject(error)
    }
  }
)

export default service
